$('.login-box a').on('click', function () {
  $('.login-box').hide()
  $('.reg-box').show()
})

$('.reg-box a').on('click', function () {
  $('.login-box').show()
  $('.reg-box').hide()
})

// 自定义校验规则
layui.form.verify({
  pass: [/^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'],
  rePwd: (value) => {
    // 添加表单校验的value属性值
    // 拿当前表单项的值与密码的值比较
    let pwdValue = $('#pwd').val()
    if (pwdValue !== value) return '两次密码不一致！'
  }
})

// 注册用户
$('#regForm').on('submit', function (e) {
  // 阻止默认行为
  e.preventDefault()
  // 获取表单的值
  let data = $(this).serialize()
  // 发送ajax请求
  $.ajax({
    type: 'post',
    url: '/api/reguser',
    data: data,
    success: (res) => {
      const { status } = res
      if (status !== 0) return layui.layer.msg('注册失败')
      // 只要注册成功就就需要跳转 登录页面 相当于点击 去登录a标签
      layui.layer.msg('注册成功')
      $('#regForm a').click()
    }
  })
})

// 监听登录表单的提交事件
$('#form_login').submit(function (e) {
  // 阻止默认提交行为
  e.preventDefault()
  $.ajax({
    url: '/api/login',
    method: 'POST',
    // 快速获取表单中的数据
    data: $(this).serialize(),
    success: function (res) {
      if (res.status !== 0) {
        return layer.msg('登录失败！')
      }
      // console.log(res);
      layer.msg('登录成功！')
      // 将登录成功得到的 token 字符串，保存到 localStorage 中
      localStorage.setItem('token', res.token)
      // 跳转到后台主页
      location.href = '/index.html'
    }
  })
})
